<#escape x as x?html>
<div class="row">
    <div class="col-md-12">
        <div class="box box-solid box-fusion no-shadow no-border">
            <div class="box-header">
                <div class="col-md-7">
                    <h3 class="box-title">&nbsp;</h3>
                </div>
                <div class="box-tools">
                    <@y.htmlFuzzySearchListForm></@y.htmlFuzzySearchListForm>
                </div>
            </div><!-- /.box-header -->
            <div class="box-body table-responsive no-padding">
                <table class="table table-inner-bordered table-hover"
                       data-form-name="<@s.message "base.role.list.formName"/>">
                    <thead>
                    <th class="col-md-2 col-lg-2">
                        <@s.message "base.role.list.code"/>
                    </th>
                    <th class="col-md-2 col-lg-2">
                        <@s.message "base.role.list.name"/>
                    </th>
                    <th class="col-md-1 col-lg-1">
                        <@s.message "enum.state"/>
                    </th>
                    <th class="col-md-4 col-lg-5">
                        <@s.message "base.role.list.remark"/>
                    </th>
                    <th class="col-md-3 col-lg-2">
                        <@s.message "page.handler"/>
                    </th>
                    </thead>
                    <tbody>
                        <#if (page.entities??)&&(page.entities?size>0)>
                            <#list page.entities as record>
                            <tr record-id='${record.id}'>
                                <td>${record.code!''}</td>
                                <td>${record.name!''}</td>
                                <td>
                                    <@y.htmlStateSpan state=(record.state)!''/>
                                </td>
                                <td>${record.remark!''}</td>
                                <td class="popup-close table-btn" style="padding-left: 10px;">
                                    <@y.htmlPageBtnGroupEditDelete/>
                                </td>
                            </tr>
                            </#list>
                        </#if>
                    </tbody>
                </table>
            </div><!-- /.box-body -->
            <div class="box-footer no-border clearfix">
                <@y.htmlPaginationOverview/>
            </div>
        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->
    <@y.htmlModal type="save"/>
<script>
    context.call([
        "list"
    ], function (list) {
        list.initFuzzySearchList("/base/role");
    })
</script>
</#escape>